﻿
@{
    Layout = null;
}

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no,email=no,address=no" />
    <link href="~/Content/zk/css/aisearch_2.css" rel="stylesheet" />
    <title>淘宝天猫搜索</title>
</head>
<body>
    <header class="head">
        <div class="search_bar container">
            <form action="/u/s.html" method="get" accept-charset="utf-8" id="J_Form" onsubmit="return checkForm(this);">
                <div class="text_wrap">
                    <div class="icon icon_search"></div>
                    <div class="text">
                        <input id="keyword" name="keyword" type="text" placeholder="[教程必看] 请粘贴淘宝商品标题" />
                    </div>
                    <input class="btn" type="submit" value="搜索" />
                </div>
            </form>
        </div>
    </header>
    <div class="search_show">
        <div class="stepTl"><p><span>淘宝／天猫</span><i>3</i><span>步完成</span></p></div>
        <ul class="stepBd clearfix">
            <li class="step_01"><i></i>搜索淘宝<br>宝贝标题</li>
            <li class="step_02"><i></i>领取优惠券<br>点击购买</li>
            <li class="step_03"><i></i>购买成功<br>拿佣金</li>
        </ul>
        <div id="link_course"><a href="#" onclick="document.getElementById('jiaocheng').style.display = 'block';"><span>详细教程</span></a></div>
    </div>
    <div class="q-wrap" id="jiaocheng" style="display:none">
        <!--教程-->
        <div class="categorycha" id="ctcha" style="display: block;">
            <ul class="categorycha">
                <img src="https://img.alicdn.com/imgextra/i1/1048901679/TB2IrB3nZtnpuFjSZFKXXalFFXa_!!1048901679.jpg" />
                <div>
                    <img src="https://img.alicdn.com/imgextra/i4/2041632172/TB2knxVydBopuFjSZPcXXc9EpXa-2041632172.jpg" />
                </div>
                <span><img src="https://img.alicdn.com/imgextra/i2/2041632172/TB2MqmiybJmpuFjSZFwXXaE4VXa-2041632172.jpg" /></span>
                <div>
                    <img src="https://img.alicdn.com/imgextra/i1/2041632172/TB2JsOnykqvpuFjSZFhXXaOgXXa-2041632172.jpg" />
                </div>
                <span><img src="https://img.alicdn.com/imgextra/i4/2041632172/TB2K2LLyhlmpuFjSZPfXXc9iXXa-2041632172.jpg" /></span>
            </ul>
        </div>
    </div>
    <div class="tagBox">
        <h3><i></i>热门搜索</h3>
        <ul class="search_tag flist clearfix f13">
            <li><a href="/u/s.html?keyword=短袖">短袖</a></li>
            <li><a href="/u/s.html?keyword=T恤">T恤</a></li>
            <li><a href="/u/s.html?keyword=防晒衣">防晒衣</a></li>
            <li><a href="/u/s.html?keyword=口红">口红</a></li>
            <li><a href="/u/s.html?keyword=风扇">风扇</a></li>
            <li><a href="/u/s.html?keyword=凉席">凉席</a></li>
            <li><a href="/u/s.html?keyword=充电宝">充电宝</a></li>
            <li><a href="/u/s.html?keyword=玻璃杯">玻璃杯</a></li>
            <li><a href="/u/s.html?keyword=拖鞋">拖鞋</a></li>
            <li><a href="/u/s.html?keyword=衬衫">衬衫</a></li>
            <li><a href="/u/s.html?keyword=牛仔裤">牛仔裤</a></li>
            <li><a href="/u/s.html?keyword=连衣裙">连衣裙</a></li>
            <li><a href="/u/s.html?keyword=修容棒">修容棒</a></li>
            <li><a href="/u/s.html?keyword=面膜">面膜</a></li>
            <li><a href="/u/s.html?keyword=防晒霜">防晒霜</a></li>
            <li><a href="/u/s.html?keyword=洗发水">洗发水</a></li>
            <li><a href="/u/s.html?keyword=耳机">耳机</a></li>
            <li><a href="/u/s.html?keyword=女鞋">女鞋</a></li>
            <li><a href="/u/s.html?keyword=文胸">文胸</a></li>
        </ul>
    </div>
    <ul class="footer">
        <li>
            <a href="/u/good.html">
                <img src="http://0d077ef9e74d8.cdn.sohucs.com/qoZa4LY_png" />
                <img class="change" src="http://0d077ef9e74d8.cdn.sohucs.com/qoZacyJ_png" />
                <p>商品库</p>
            </a>
        </li>
        <li class="avtive">
            <a href="/u/Search.html">
                <img src="http://0d077ef9e74d8.cdn.sohucs.com/qoZahTz_png" />
                <img class="change" src="http://0d077ef9e74d8.cdn.sohucs.com/qoZam0i_png" />
                <p>超级搜索</p>
            </a>
        </li>
        <li>
            <a href="/u">
                <img src="http://0d077ef9e74d8.cdn.sohucs.com/qoZashX_png" />
                <img class="change" src="http://0d077ef9e74d8.cdn.sohucs.com/qoZawTs_png" />
                <p>我的</p>
            </a>
        </li>
    </ul>
    <script type="text/javascript" src="http://cdn.bootcss.com/fastclick/1.0.6/fastclick.min.js"></script>
    <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
    <script src="http://cdn.bootcss.com/layer/3.0.1/layer.min.js"></script>
    <script>

        function checkForm(obj) {
            var val = $.trim($('#keyword').val()), err = '';
            if (/(((^https?:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@@)?[A-Za-z0-9.-]+|(?:www.|[-;:&=\+\$,\w]+@@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@@.\w_]*)#?(?:[\w]*))?)$/g.test(val)) {
                err = '粘贴商品标题试试~（链接地址不支持）！';
            }
            if (val == '') {
                err = '搜索内容不能为空！';
            }
            if (err) {
                layer.msg(err);

            }
            return !err;
        }
    </script>
</body>
</html>